﻿<!--
   Copyright (c) 2021 CodeZhangBorui
   PHStudy is licensed under Mulan PSL v2.
   You can use this software according to the terms and conditions of the Mulan PSL v2.
   You may obtain a copy of Mulan PSL v2 at:
               http://license.coscl.org.cn/MulanPSL2
   THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
   See the Mulan PSL v2 for more details.
-->

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>党史学习平台 | 在线答题</title>
    <meta name="renderer" content="webkit">
    <link rel="icon" href="http://dangshi.people.com.cn/favicon.ico">
    <link rel="stylesheet" href="https://unpkg.com/layui@2.6.8/dist/css/layui.css">
    <script src="https://unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <style>
        .center {
            text-align: center;
        }

        .bold {
            font-weight: bold;
        }

        p.webHeadText {
            font-family: "Microsoft YaHei UI";
            font-size: 20px;
            font-weight: bold;
        }

        div.learnText {
            padding: 10px 16% 10px 16%;
            font-family: 'Microsoft YaHei UI';
        }

        h1 {
            padding: 0px 0px 8px 0px;
            font-weight: bold;
            font-size: 21px;
        }

        p {
            font-size: 18px;
            margin: 0px 0px 6px 0px;
        }

        u {
            font-weight: 600;
        }

        div.readProg {
            position: fixed;
            bottom: 80px;
            right: 20px;
            width: 13%;
            height: auto;
            border: groove;
            padding: 5px;
        }

        p.progText {
            font-size: 14px;
            font-family: "Microsoft YaHei UI";
        }

        div.foot {
            font-family: "Microsoft YaHei UI";
            font-size: 13px;
            font-weight: bold;
            text-align: center;
            background-color: #2f4056;
            color: #fafafa;
            padding: 16px;
        }
    </style>
</head>
<body>
    <ul class="layui-nav" id="TOP">
        <li class="layui-nav-item">
            <a href="/index.html">首页</a>
        </li>
        <li class="layui-nav-item">
            <a href="">学习</a>
            <dl class="layui-nav-child">
                <dd><a href="/LearnPage/001.htm">1. 党的基本知识</a></dd>
                <dd><a href="/LearnPage/002.htm">2. 选择题</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item layui-this">
            <a href="/test.htm">答题</a>
        </li>
    </ul>

    <div class="learnText">
        <form class="layui-form" name="index" action="">
            <div class="layui-form-item">
                1.1920年8月，最先在（ _____ ）建立了中国第一个共产党早期组织，并成为创建全国统一的无产阶级政党的活动中心。<br />
                <div class="layui-input-block">
                    <input type="radio" name="1" value="A" title="A.北京">
                    <input type="radio" name="1" value="B" title="B.上海">
                    <input type="radio" name="1" value="C" title="C.广州">
                    <input type="radio" name="1" value="D" title="D.武汉">
                </div>
            </div>
            <div class="layui-form-item">
                2.中国共产党第一次全国代表大会是于（ _____ ）在上海召开的。<br />
                <div class="layui-input-block">
                    <input type="radio" name="2" value="A" title="A.1919年7月1日">
                    <input type="radio" name="2" value="B" title="B.1920年7月23日">
                    <input type="radio" name="2" value="C" title="C.1921年7月23日">
                    <input type="radio" name="2" value="D" title="D.1922年7月1日">
                </div>
            </div>
            <div class="layui-form-item">
                3. 第一次国共合作正式形成的标志是（ _____ ）。<br />
                <div class="layui-input-block">
                    <input type="radio" name="3" value="A" title="A.中共三大的召开">
                    <input type="radio" name="3" value="B" title="B.国民党一大的召开">
                    <input type="radio" name="3" value="C" title="C.中共三届一中全会的召开">
                    <input type="radio" name="3" value="D" title="D.黄埔军校的建立">
                </div>
            </div>
            <div class="layui-form-item">
                4.1925年1月，党在上海举行（ _____ ）。这次大会明确提出了无产阶级在民主革命中的领导权和工农联盟问题。<br />
                <div class="layui-input-block">
                    <input type="radio" name="4" value="A" title="A.三届一中全会">
                    <input type="radio" name="4" value="B" title="B.第四次全国代表大会">
                    <input type="radio" name="4" value="C" title="C.中央执行委员会特别会议">
                    <input type="radio" name="4" value="D" title="D.中共中央紧急会议">
                </div>
            </div>
            <div class="layui-form-item">
                5.1925年爆发的震惊中外的（ _____ ），标志着大革命高潮的到来。<br />
                <div class="layui-input-block">
                    <input type="radio" name="5" value="A" title="A.五卅运动">
                    <input type="radio" name="5" value="B" title="B.广州沙面工人罢工">
                    <input type="radio" name="5" value="C" title="C.香港海员罢工">
                    <input type="radio" name="5" value="D" title="D.青岛日资纱厂工人大罢工">
                </div>
            </div>
            <div class="layui-form-item">
                6.中国工人运动史上持续时间最长的一次罢工是（ _____ ）。<br />
                <div class="layui-input-block">
                    <input type="radio" name="6" value="A" title="A.安源路矿工人罢工">
                    <input type="radio" name="6" value="B" title="B.京汉铁路工人大罢工">
                    <input type="radio" name="6" value="C" title="C.省港大罢工">
                    <input type="radio" name="6" value="D" title="D.香港海员罢工">
                </div>
            </div>
            <div class="layui-form-item">
                7.1928年4月，（ _____ ）率领南昌起义部队和湘南农军到达井冈山，与毛泽东领导的秋收起义部队会师，并合编为工农革命军第四军。<br />
                <div class="layui-input-block">
                    <input type="radio" name="7" value="A" title="A.朱德">
                    <input type="radio" name="7" value="B" title="B.贺龙">
                    <input type="radio" name="7" value="C" title="C.叶挺">
                    <input type="radio" name="7" value="D" title="D.周恩来">
                </div>
            </div>
            <div class="layui-form-item">
                8.党的历史上唯一一次在国外召开的全国代表大会是（ _____ ）。<br />
                <div class="layui-input-block">
                    <input type="radio" name="8" value="A" title="A.四大">
                    <input type="radio" name="8" value="B" title="B.五大">
                    <input type="radio" name="8" value="C" title="C.六大">
                    <input type="radio" name="8" value="D" title="D.七大">
                </div>
            </div>
            <div class="layui-form-item">
                9.1931年春，毛泽东总结土地革命的经验，制定了一条完整的土地革命路线，即（ _____ ），保护中小工商业者，消灭地主阶级，变封建半封建的土地所有制为农民的土地所有制。<br />
                <div class="layui-input-block">
                    <input type="radio" name="9" value="A" title="A.依靠贫农，联合雇农、中农，限制富农">
                    <input type="radio" name="9" value="B" title="B.依靠贫农，联合雇农、中农，消灭富农">
                    <input type="radio" name="9" value="C" title="C.依靠贫农、雇农，联合中农，限制富农">
                    <input type="radio" name="9" value="D" title="D.依靠贫农、雇农，限制中农，消灭富农">
                </div>
            </div>
            <div class="layui-form-item">
                10.（ _____ ）是中央红军长征中最壮烈的一战，此战后，红军人数从长征出发时的8.6万余人锐减至3万余人。<br />
                <div class="layui-input-block">
                    <input type="radio" name="10" value="A" title="A.湘江战役">
                    <input type="radio" name="10" value="B" title="B.乌江之战">
                    <input type="radio" name="10" value="C" title="C.飞夺泸定桥">
                    <input type="radio" name="10" value="D" title="D.四渡赤水">
                </div>
            </div>
            <div class="layui-form-item">
                11.1935年1月，在红军长征途中，中央政治局召开了扩大会议，即（ _____ ），结束了党内“左”倾教条主义错误在中央的统治，确立了毛泽东在中共中央和红军中的领导地位。在极其危急的情况下挽救了党、挽救了红军、挽救了中国革命，成为党的历史上一个生死攸关的转折点。<br />
                <div class="layui-input-block">
                    <input type="radio" name="11" value="A" title="A.八七会议">
                    <input type="radio" name="11" value="B" title="B.遵义会议">
                    <input type="radio" name="11" value="C" title="C.通道会议">
                    <input type="radio" name="11" value="D" title="D.两河口会议">
                </div>
            </div>
            <div class="layui-form-item">
                12.1935年，在中国共产党的组织和领导下，针对日本制造的华北事变，北平学生举行了声势浩大的抗日救亡示威游行活动，这就是著名的（ _____> ）。<br />
                <div class="layui-input-block">
                    <input type="radio" name="12" value="A" title="A.一二一运动">
                    <input type="radio" name="12" value="B" title="B.五四运动">
                    <input type="radio" name="12" value="C" title="C.一二九运动">
                    <input type="radio" name="12" value="D" title="D.五二〇运动">
                </div>
            </div>
            <div class="layui-form-item">
                13. 1935年12月，中国共产党召开了著名的（ _____ ），确定了建立抗日民族统一战线的政策。<br />
                <div class="layui-input-block">
                    <input type="radio" name="13" value="A" title="A.六届四中全会">
                    <input type="radio" name="13" value="B" title="B.瓦窑堡会议">
                    <input type="radio" name="13" value="C" title="C.遵义会议">
                    <input type="radio" name="13" value="D" title="D.洛川会议">
                </div>
            </div>
            <div class="layui-form-item">
                14.（ _____ ），红军三大主力在甘肃会宁地区会师，宣告红军二万五千里长征的胜利结束。<br />
                <div class="layui-input-block">
                    <input type="radio" name="14" value="A" title="A.1936年10月">
                    <input type="radio" name="14" value="B" title="B.1936年6月">
                    <input type="radio" name="14" value="C" title="C.1935年12月">
                    <input type="radio" name="14" value="D" title="D.1935年10月">
                </div>
            </div>
            <div class="layui-form-item">
                15.1936年12月12日发生的震惊中外的（ _____ ）及其和平解决，对促成以国共两党合作为基础的抗日民族统一战线的建立，起了重要的作用。<br />
                <div class="layui-input-block">
                    <input type="radio" name="15" value="A" title="A.西安事变">
                    <input type="radio" name="15" value="B" title="B.华北事变">
                    <input type="radio" name="15" value="C" title="C.两广事变">
                    <input type="radio" name="15" value="D" title="D.福建事变">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="test">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>

    <!--<div class="readProg">
        <p class="progText" style="padding: 0px 0px 7px 0px" id="progText">阅读进度</p>
        <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="demo">
            <div class="layui-progress-bar layui-bg-blue" lay-percent=""></div>
        </div>
    </div>-->

    <div class="foot">
        <p>党史学习平台</p>
        <p>Copyright (c) 2021 CodeZhangBorui, All Right Reserved.</p>
        <p>最后更新：2021-7-2</p>
    </div>

    <script>
        layui.use('element', function () {
            var $ = layui.jquery
            var element = layui.element;
            element.on('nav(demo)', function (elem) {
                layer.msg(elem.text());
            });
        });
        layui.use(['dropdown', 'util', 'layer'], function () {
            var element = layui.element;
            var layer = layui.layer;
        });
        layui.use('form', function () {
            var form = layui.form;

            //监听提交
            form.on('submit(test)', function (data) {
                var form = data.field;
                var score = 0;
                var answer = ["B", "C", "B", "B", "A", "C", "A", "C", "C", "A", "B", "C", "B", "A", "A"];
                var wrong = "";
                for (var i = 0; i < 15; i++) {
                    if (form[i + 1] == answer[i])
                        score++;
                    else {
                        wrong += (String(i + 1) + " ");
                    }
                }
                console.log(score);
                if (score == 15) {
                    layer.open({
                        title: '党史答题 | 结果',
                        content: `\
<h1>答题完成！</h1>\
<div class="layui-row layui-col-space10">\
        <div class= "layui-col-md4" >\
            <br><br><br><br><i class="layui-icon layui-icon-ok-circle" style="color: green; font-size:250px"></i>\
        </div>\
        <div class="layui-col-md8">\
            <h3>得分：15 / 15</h3>\
        </div>\
</div>\
                            `,
                        skin: 'layui-layer-lan',
                        area: '1000px'
                    });
                } else {
                    layer.open({
                        title: '党史答题 | 结果',
                        content: `\
<h1>答题完成！</h1>\
<div class="layui-row layui-col-space10">\
        <div class= "layui-col-md4" >\
            <br><br><br><br><i class="layui-icon layui-icon-close-fill" style="color: red; font-size:250px"></i>\
        </div>\
        <div class="layui-col-md8">\
            <h3>得分：${score} / 15</h3>\
            <h3>错误的题目号：${wrong}</h3>
            <h3><a href="/LearnPage/002.htm">点击返回学习</a></h3>\
        </div>\
</div>\
                            `,
                        skin: 'layui-layer-lan',
                        area: '1000px'
                    });
                }
                return false;
            });
        });
    </script>

</body>
</html>